<template>
  <div class="an-home">

    <top-search />

    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item in imgList" :key="item.id">
        <van-image :src="item.url" />
      </van-swipe-item>
    </van-swipe>

    <index-grid />

    <hot-list />

  </div>
</template>

<script>
import TopSearch from "@/components/TopSearch.vue";
import indexGrid from "./components/index-grid";
import hotList from "./components/hot-list";
export default {
  name: 'Home',
  components:{
    TopSearch,
    indexGrid,
    hotList
  },
  data() {
    return {
      search:'',
      imgList:[
        {
          id:1,
          url:'http://www.anranweb.cn/php-phalapi/public/uploads/H5banner1573198983043.jpg'
        },
        {
          id:2,
          url:'http://www.anranweb.cn/php-phalapi/public/uploads/H5banner1573199154319.jpg'
        }
      ],
      active:'home-o'
    };
  }
};
</script>
<style lang="scss" scoped>
.an-home{
  height: 100%;
  overflow-y: auto;
}
</style>